JavaScript中class类的三种方法详解（静态方法、普通方法与构造方法）

2023-08-15 11:13| 来源: 网络整理| 查看: 265

在js的类中，可分为三种方法，constructor构造方法、静态方法与普通方法。

一、constructor构造方法 1.概念

类的作用在于构建对象，而constructor构造方法就是用于构建对象实例。

2.使用方法在使用new关键字生成对象时，constructor方法会被执行，最终return的结果就是生成的对象实例。当一个类没有constructor方法时会自动生成一个空的constructor方法，返回结果为空。用new关键字实例化对象时传入的参数会做为constructor构造函数的参数传入。 class Point { constructor(name) { console.log('Instantiate objects:'+ name); } } new Point('testObj'); //Instantiate objects:testObj 二、普通方法 1.概念

class类的普通方法可以看作是构造函数的另一种写法，相当于在类的prototype属性上边定义方法。

class Point { toString() { // ... } } //等同于 class Point { } Point.prototype={ toString() { // ... } } 2.使用方法 (1).该类实例化的对象上使用此方法 class Point { toString() { // ... } } let obj = new Point(); obj.toString(); (2).直接通过该类的prototype调用此方法 class Point { toString() { // ... } } Point.prototype.toString(); (3).通过子类的__proto__调用 class Foo { commonMethod() { return 'hello'; } } class Bar extends Foo { } Bar.__proto__.prototype.commonMethod();

想要弄懂这个原理请先弄懂ES5中原型链、隐式原型链相关知识点。

三、静态方法 1.概念

类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用（通过类调用指在该类之外调用），这就称为“静态方法”。

2.使用方法

静态方法只能在当前类上调用，不能被该类的实例对象调用。父类的静态方法可以被子类继承。

因此静态方法被调用的方式一共有三种(三种调用方式都在下面一段代码中使用到了，请耐心阅读)：

父类直接调用子类继承父类后调用子类通过super对象调用 class Foo { static classMethod() { return 'hello'; } } Foo.classMethod(); //hello class Bar extends Foo { } class Cla extends Foo { return super.classMethod(); //hello } Bar.classMethod(); //hello 对比静态方法普通方法构造方法关键字static无constructor使用场景声明一个仅供当前类或当前类的子类使用的方法创建实例化对象可直接调用的方法在用new关键字通过此类实例化对象时执行的方法使用对象当前类或当前类的子类通过该类或该类的子类实例化生成的对象该类自身调用方法1.父类直接调用2.子类继承父类后调用3.子类通过super对象调用1.通过该类及该类的子类实例生成的对象调用2.该类通过prototype调用3.该类的子类通过__proto__隐式原型链调用1.该类实例化对象时调用2.该类的子类使用super关键字调用注：在class类中，它的静态属性与普通属性允许重名。但是不建议重名，这里就不给出demo了。 END

【本文地址】

公司简介

联系我们